<script setup>
import PersonalDetails from '../components/Personal/PersonalDetails.vue'
import PersonDetailsEdit from '../components/Personal/personDetailsEdit.vue';
</script>
<template>
    <div class="personal-container">
        <PersonalDetails />
        <PersonDetailsEdit />
    </div>
</template>
<style scoped>
.personal-container{
    display: flex;
    gap: 2rem;
}
@media screen and (max-width: 768px) {
    .personal-container{
        flex-direction: column;
    }
}
</style>